<template>
  <div>
    <el-divider><h2>生涯规划</h2></el-divider>
    <el-row :gutter="20">
      <el-col :span="8"><el-card class="box-card">
        <div slot="header" class="clearfix">
          <span>生涯定位</span>
          <a href="https://open.xjy.cn/main/ceping71_details"
             target="_blank"
             rel="noopener noreferrer"
             style="float: right; padding: 3px 0">
            点击测试
          </a>
        </div>
        <div class="text item">
          每个人都有利用已有资源变现的潜质。本测评将帮你梳理已有的资源，探索经验变现、咨询赚钱的可能路径。请按照实际情况选择符合你的描述。
        </div>
      </el-card></el-col>
      <el-col :span="8"><el-card class="box-card">
        <div slot="header" class="clearfix">
          <span>霍兰德职业倾向测评</span>
          <a href="https://open.xjy.cn/main/ceping73_details"
             target="_blank"
             rel="noopener noreferrer"
             style="float: right; padding: 3px 0">
            点击测试
          </a>
        </div>
        <div class="text item">
          新精英测评研发团队依据霍兰德理论，对霍兰德职业兴趣测评进行了改编和本土化，更适合中国国情，报告内容也更加详细和实用，帮助大家寻找到自己的兴趣所在，不再迷茫，找准方向，绽放出生命的光彩。
        </div>
      </el-card></el-col>
      <el-col :span="8">
        <el-card class="box-card">
        <div slot="header" class="clearfix">
          <span>职业生涯信念测评</span>
          <a href="https://open.xjy.cn/main/ceping55_details"
             target="_blank"
             rel="noopener noreferrer"
             style="float: right; padding: 3px 0">
            点击测试
          </a>
        </div>
          <div class="text item">
            职业生涯信念（career belief）是个人基于各种经验形成的关于自我、职业、自我与职业的关系，以及职业探索、选择、决定与规划等发展过程中在一段时期内所持有的各种深信不疑的想法与推论。
          </div>
      </el-card>
      </el-col>

    </el-row>

    <el-divider><h2>职业素养</h2></el-divider>
    <el-row :gutter="20">
      <el-col :span="8">
        <el-card class="box-card">
        <div slot="header" class="clearfix">
          <span>职业价值观测评</span>
          <a href="https://open.xjy.cn/main/professional_measurement"
             target="_blank"
             rel="noopener noreferrer"
             style="float: right; padding: 3px 0">
            点击测试
          </a>
        </div>
          <div class="text item">
            价值观：明确15项价值观排序
          </div>
        </el-card>
      </el-col>
      <el-col :span="8">
        <el-card class="box-card">
        <div slot="header" class="clearfix">
          <span>职场潜意识测评</span>
          <a href="https://open.xjy.cn/main/drawing"
             target="_blank"
             rel="noopener noreferrer"
             style="float: right; padding: 3px 0">
            点击测试
          </a>
        </div>
          <div class="text item">
            通过自由绘画探索你的职场潜意识
          </div>
      </el-card>
      </el-col>
      <el-col :span="8">
        <el-card class="box-card">
          <div slot="header" class="clearfix">
            <span>职业健康度测评</span>
            <a href="https://open.xjy.cn/main/ceping71_details"
               target="_blank"
               rel="noopener noreferrer"
               style="float: right; padding: 3px 0">
              点击测试
            </a>
          </div>
          <div class="text item">
            基于CD模型，自检职业健康状况
          </div>
        </el-card>
      </el-col>
      <el-col :span="8">
        <el-card class="box-card">
          <div slot="header" class="clearfix">
            <span>职业发展健康指数测评</span>
            <a href="https://open.xjy.cn/main/measurement_details?cid=44"
               target="_blank"
               rel="noopener noreferrer"
               style="float: right; padding: 3px 0">
              点击测试
            </a>
          </div>
          <div class="text item">
            自检职业健康状况，收集能力优势反馈
          </div>
        </el-card>
      </el-col>
      <el-col :span="8">
        <el-card class="box-card">
          <div slot="header" class="clearfix">
            <span>大学生就业核心竞争力测评</span>
            <a href="https://open.xjy.cn/main/ceping76_details"
               target="_blank"
               rel="noopener noreferrer"
               style="float: right; padding: 3px 0">
              点击测试
            </a>
          </div>
          <div class="text item">
            职场小白定位竞争力，提升就业自信心
          </div>
        </el-card>
      </el-col>

    </el-row>

    <el-divider><h2>性格测试</h2></el-divider>
    <el-row :gutter="20">
      <el-col :span="8">
        <el-card class="box-card">
          <div slot="header" class="clearfix">
            <span>MBTI职业性格测试</span>
            <a href="https://www.xjy.cn/ceping/mbti.html?appid=xjy15c999cc0"
               target="_blank"
               rel="noopener noreferrer"
               style="float: right; padding: 3px 0">
              点击测试
            </a>
          </div>
          <div class="text item">
            我性格内向/外向，适合什么工作？
            哪些职业正好匹配我的性格？
            以我的个性从事什么行业好？
            我性格中的优势和劣势是什么？
            MBTI职业性格测试帮你寻找答案。
          </div>
        </el-card>
      </el-col>
      <el-col :span="8">
        <el-card class="box-card">
          <div slot="header" class="clearfix">
            <span>DISC性格测试</span>
            <a href="https://www.xjy.cn/ceping/disc.html?appid=xjy15c999cc0"
               target="_blank"
               rel="noopener noreferrer"
               style="float: right; padding: 3px 0">
              点击测试
            </a>
          </div>
          <div class="text item">
            你有没有成为领导的潜质？
            你是否感觉自己怀才不遇？
            听话、服从对你来说是好是坏？
            你的执行力总是不够？
            DISC性格测试，帮你发现真正的你自己……
          </div>
        </el-card>
      </el-col>
      <el-col :span="8">
        <el-card class="box-card">
          <div slot="header" class="clearfix">
            <span>原生家庭：看它对你的职场有什么影响？</span>
            <a href="https://open.xjy.cn/main/ceping47_details"
               target="_blank"
               rel="noopener noreferrer"
               style="float: right; padding: 3px 0">
              点击测试
            </a>
          </div>
          <div class="text item">
            能不能在职场中真正“做自己”，其源头竟然要看你和原生家庭的关系是“都挺好”还是“不太好”。
          </div>
        </el-card>
      </el-col>
    </el-row>

  </div>

</template>

<script>
export default {
  name: "careerTest",
}
</script>

<style scoped>
.text {
  font-size: 14px;
}

.item {
  margin-bottom: 18px;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both
}

.box-card {
  width: 400px;
}
</style>
